/*存放vep的颜色和字体等设置*/

/*第一层的设置*/
.vepD4-index-box {
    width: 100%;
    height: calc(100% - 100px);
    display: flex;
    justify-content: space-between;
}


.vepD4-layer1-left {
    width: 100%;
    height: 100%;
    flex: 3;
    /*border: 1px red solid;*/
    /*background-color: #0c133b;*/
    display: flex;
    flex-direction: column;
    /*border: 1px red solid;*/

    /*margin: 0 10px;*/
}
.vepD4-layer1-right {
    width: 100%;
    height: 100%;
    flex: 2;
    /*background-color: #0c133b;*/
    /*border: 1px red solid;*/
    /*margin: 0 10px;*/
}


.vepD4-layer2-left-top {
    /*border: 1px red solid;*/
}

.vepD4-layer2-left-bottom {

}

/*.vepD4-select-region .el-cascader {*/
/*    background-color: red; !* 这里设置你想要的背景色 *!*/
/*}*/


.vepD4-label {
    font-size: 16px;
    color: #6ff2f1;
    margin-bottom: 5px;
    padding-left: 10%;
}
/*第二层的设置*/
.vepD4-select-title-font {
    font-size: 32px;
    font-weight: bold;
    color: #3adabf;
}


/*右侧输入框的设置*/
/*input输入框的布局*/
.vepD4-input-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.vepD4-input-row {
    display: inline-block;
    width: 360px; /* 一行三个输入框，减去间隔 */
    margin-right: 10px;
    margin-top: 15px;
    margin-bottom: 20px;
    vertical-align: top; /* 确保输入框在行中垂直居中 */
    /*border: 1px solid red;*/
}

.vepD4-input-row label {
    display: inline-block;
    width: auto;
    min-width: 150px;
    font-size: 16px;
    /*color: #6ff2f1;*/
    text-align: left;
    margin-bottom: 5px;
    margin-left: 10px;

    color: rgba(251, 246, 246, 1);
    font-family: '微软雅黑 Light', serif;
    font-weight: 400;
    line-height: 31px;
}

.vepD4-input-row span {
    display: inline-block;
    margin-bottom: 5px;
    text-align: left;
    width: auto;
    /*border: 1px solid red;*/
}

.vepD4-input-row input {
    display: inline-block;
    font-size: 18px;
    text-align: -webkit-right;
    color: #d9db55;
    width: 110px;
    /*height: 30px;*/
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 8px;
    /*border: 1px solid #ccc;*/
    border-radius: 4px;
    background-color: #131b24; /* 设置背景为透明 */
}

/*input结束*/
/*按钮*/
/* 提交按钮特定样式 */
.vepD4-submit-button {
    background: #44a0d5; /* 胶囊按钮颜色 */
    color: white;
    font-size: 18px;
    width: 60px;
    height: 30px;
}

.vepD4-submit-button:hover {
    background: #45a049; /* 鼠标悬停效果 */
}

/* 清空按钮特定样式 */
.vepD4-clear-button {
    background: #37a1d6; /* 胶囊按钮颜色 */
    color: white;
    font-size: 18px;
    width: 60px;
    height: 30px;
}

.vepD4-clear-button:hover {
    background: #e53935; /* 鼠标悬停效果 */
}




.vepD4-value-output {
    font-size: 16px;
    color: #d9db55;
    width: calc(100% - 10px); /* 减去padding的宽度 */
    padding: 5px;
    margin-bottom: 10px;
    background-color: transparent; /* 设置背景为透明 */
}

.vepD4-output-row {
    display: flex; /* 启用 Flexbox 布局 */
    align-items: center; /* 垂直居中对齐所有项目 */
    margin-bottom: 5px;
    margin-right: 10px;
    text-align: left;
    width: 360px;
    height: 50px;

}

.vepD4-output-row label {
    display: inline-block;
    width: auto;
    min-width: 80px;
    font-size: 16px;
    color: #6ff2f1;
    text-align: left;
    margin-bottom: 5px;
    margin-left: 10px;
}



